<template>
  <div>
    <div style="margin-top: 20px">
      <el-table
        :data="tableData"
        :span-method="arraySpanMethod"
        border
        style="width: 100%"
      >
       
      <el-table-column type="selection" width="55"> </el-table-column>

        <el-table-column prop="   " label="商品" width="280px">
          <template v-slot="scope">
            <img class="qwe" :src="scope.row.cover" alt="" />
            <div>
            <p>{{ scope.row.title }}</p>
            <p>分类:{{ scope.row.desc }}</p>
            <p>时间:{{ scope.row.create_time }}</p>
          </div>
          </template>
        </el-table-column>
        <el-table-column width="80" prop="sale_count" label="实际销量"> </el-table-column>
        <el-table-column width="100" prop="status" label="商品状态">
          <template v-slot="scope">
            <el-button :type="scope.row.status == 0 ? 'danger' : 'success'"
              >{{ scope.row.status == 0 ? "仓库" : "启用" }}
            </el-button>
          </template>
        </el-table-column>

        <el-table-column prop="ischeck" label="审核状态" width="100">
          <template v-slot="scope">
            <el-button
              >{{ scope.row.ischeck == 0 ? "仓库" : "启用" }}
            </el-button>
          </template>
        </el-table-column>
        <el-table-column prop="stock" label="总库存" width="80"> </el-table-column>
        <el-table-column prop="min_oprice" label="价格（元）" width="80"> </el-table-column
        ><el-table-column prop="amount3" label="操作">
          <el-button class="button">基础设置</el-button>
        <el-button class="button">商品规格</el-button>
        <el-button class="button">商品属性</el-button>
        <el-button class="button">媒体设置</el-button>
        <el-button class="button">商品详情</el-button>
        <el-button class="button">删除商品</el-button>
         </el-table-column>
      </el-table>
    </div>         
  </div>
</template>
<script>
export default {
  props: ["tableData"],
  data() {
    return {
    };
  },
  methods: {
   
  },
};
</script>
